<template>
  <section class="module-sty">
    <div class="border-sty"></div>
    <slot></slot>
  </section>
</template>

<script setup name="ContentComponent">
import {getCurrentInstance, ref, watch} from "vue";

const { proxy } = getCurrentInstance();

</script>

<style scoped lang="scss">
.module-sty {
  height: 100%;
  width: 25%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0));
}
.border-sty {
  background: url('@/assets/imgs/right.png') no-repeat center;
  background-size: inherit;
  height: 100%;
  width: 50px;
  position: absolute;
  right: 0;
}
</style>
